<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.content-upper {
				background-color: palegoldenrod;
				margin-bottom: 20px;
			}
			.content-lower {
				background-color: green;
				width: 100%;
				height: auto;
				/* height: 300px; */
			}
		</style>
	</head>
	<body>
		<div class="content-upper">
			<h1>内容为“我的第一个HTML页面</h1>
			<p>欢迎来到我的网站！</p>
		</div>
		<div class="content-lower">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">关于我们</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
			<img src="https://via.placeholder.com/200x100" alt="示例图片">
			<form>
				<input type="text" />
				<input type="submit" value="提交" />
			</form>
		</div>
	</body>
</html>
